<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
<link rel="stylesheet" type="text/css" href="../css/demo.css"/>
<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="../css/friend.css"/>
<title></title>
</head>
<body>
	<div class="fri-out">
		<div class="fri-head">
			<i class="icon iconfont fri-icon">&#xe600;</i>
			<h1>朋友圈</h1>
			<i class="icon iconfont fri-icon">&#xe601;</i>
		</div>
		<div class="fri-main">
			<div class="fri-wrap">
				<div class="fri-scroll">
					<div class="fri-list">
						<div class="fri-lef"><img src="../img/fri1.jpg"></div>
						<div class="fri-rig">
							<h1>爱上电影</h1>
							<div class="fri-rig-info"><p>当你还在迷茫，纠结要不要做设计的时候，当你还在在思考我该做什么的时候做设计的时候...</p></div>
							<div class="fri-rig-img"><img src="../img/fir5.jpg"><img src="../img/fir6.jpg"/></div>
							<div lang="fri-rig-zan">
								<span class="fri-hou">5小时前</span>
								<p class="fir-about"><span><i class="icon iconfont fri-icon2">&#xe60e;</i>105</span>
					  			<span><i class="icon iconfont fri-icon2">&#xe612;</i>105</span></p></div>
						</div>
					</div>
					<!--
                    	作者：offline
                    	时间：2016-07-16
                    	描述：第一个div
                    -->
					<div class="fri-list fri-list2">
						<div class="fri-lef"><img src="../img/fri2.jpg"></div>
						<div class="fri-rig">
							<h1>爱上电影</h1>
							<div class="fri-rig-info"><p>当你还在迷茫，纠结要不要做设计的时候，当你还在在思考我该做什么的时候做设计的时候...</p></div>
							<div class="fri-rig-img2"><img src="../img/fri4.jpg"></div>
							<div lang="fri-rig-zan">
								<span class="fri-hou">5小时前</span>
								<p class="fir-about"><span><i class="icon iconfont fri-icon2">&#xe60e;</i>105</span>
					  			<span><i class="icon iconfont fri-icon2">&#xe612;</i>105</span></p></div>
						</div>
					</div>
					<div class="fri-list">
						<div class="fri-lef"><img src="../img/fri1.jpg"></div>
						<div class="fri-rig">
							<h1>爱上电影</h1>
							<div class="fri-rig-info"><p>当你还在迷茫，纠结要不要做设计的时候，当你还在在思考我该做什么的时候做设计的时候...</p></div>
							<div class="fri-rig-img"><img src="../img/fir5.jpg"><img src="../img/fir6.jpg"/></div>
							<div lang="fri-rig-zan">
								<span class="fri-hou">5小时前</span>
								<p class="fir-about"><span><i class="icon iconfont fri-icon2">&#xe60e;</i>105</span>
					  			<span><i class="icon iconfont fri-icon2">&#xe612;</i>105</span></p></div>
						</div>
					</div>
					<div class="fri-list">
						<div class="fri-lef"><img src="../img/fri1.jpg"></div>
						<div class="fri-rig">
							<h1>爱上电影</h1>
							<div class="fri-rig-info"><p>当你还在迷茫，纠结要不要做设计的时候，当你还在在思考我该做什么的时候做设计的时候...</p></div>
							<div class="fri-rig-img"><img src="../img/fir5.jpg"><img src="../img/fir6.jpg"/></div>
							<div lang="fri-rig-zan">
								<span class="fri-hou">5小时前</span>
								<p class="fir-about"><span><i class="icon iconfont fri-icon2">&#xe60e;</i>105</span>
					  			<span><i class="icon iconfont fri-icon2">&#xe612;</i>105</span></p></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	<div>
</body>
<script type="text/javascript" src="../js/jq1.8.3.js"></script>
<script type="text/javascript" src="../js/resize.js"></script>
<script type="text/javascript" src="../js/iscroll.js"></script>
<script type="text/javascript">

	var myScroll = new IScroll('.fri-main', { 
		         startY:0,
				 mouseWheel: true, 
				 scrollbars:true,
				 interactiveScrollbars: true 
			 }); 
		setTimeout(function(){
			myScroll.refresh();
		},100)
</script>
</html>
